import './assets/main.css'      //引入 main.css 样式文件
import 'animate.css'  //引入CSS动画库，简单类名即可实现动画效果,注意类名一般是是两个下划线！！！
import 'nprogress/nprogress.css' // 引入页面加载动画条

import { createApp } from 'vue' //引入 createApp 方法
import App from '@/App.vue'     //引入 App.vue 组件
import router from '@/router'//导入路由
import '@/permission'   //导入全局路由守卫
import * as ElementPlusIconsVue from '@element-plus/icons-vue'//引入图标
// 引入全局状态管理 Pinia
import pinia from '@/stores'
// 图片点击放大
import 'viewerjs/dist/viewer.css'
import VueViewer from 'v-viewer'


//创建应用，并将 App 根组件挂载到 <div id='#app'></div> 中
//createApp(App).mount('#app')
const app = createApp(App)

//引入图标
for(const [key, component] of Object.entries(ElementPlusIconsVue)){
    app.component(key,component)
}
// const pinia = createPinia()
//持久化插件
// pinia.use(piniaPluginPersistedstate)
//应用 Pinia
app.use(pinia)

app.use(VueViewer)

// 应用路由
app.use(router)
app.mount('#app')
